import _ from 'lodash';
import './style.css';
import Icon from './test001.gif';
import Data from './data.json';

function component() {
    var element = document.createElement('div');

    // Lodash（目前通过一个 script 脚本引入）对于执行这一行是必需的
    element.innerHTML = _.join(['Hello', 'webpack'], ' ');
    element.classList.add('hello');

    var myIcon = new Image();
    myIcon.src = Icon;
    element.appendChild(myIcon);

    console.log(Data);

    return element;
}

document.body.appendChild(component());


/*
 * 注意点1：
 * cmd cd 到工程文件下
 * npm执行webpack时要跳转到 .bin 下的命令节点
 * ./node_modules/.bin/webpack ../../src/index.js ../../dist/bundle.js
 * 文件引用相对路径
 */